<template>
    <div>
        <box :title="title" class="mt-[20px]">
            <div class="h-[170px] py-[44px] pl-[34px] pr-[44px]">
                <div class="flex justify-between ">
                    <div class="flex-1 ">
                        <div class="flex items-center">
                            <div class="w-[89px] h-[89px]">
                                <img class="w-[89px] h-[89px]  p-[15px]"
                                    :src="img1"
                                    alt="">
                            </div>
                            <div>
                                <div class="alltext mb-[12px]">室内点位</div>
                                <div class="flex  font-[500] text-[24px] text-[#fff]">
                                    <div v-if="number <= 999">{{ isNullOrEmpty( number ) }}</div>
                                    <div v-else>999+</div>
                                    <div class="w-[11px] h-[14px] ml-[10px]">
                                        <!-- <img class="w-[11px] h-[14px]"
                                    :src="img3"
                                    alt="">   -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="flex-none h-full ">
                        <el-divider style="border-left: 1px solid #383C50;" direction="vertical" class="!h-[82px] !my-0   " />
                    </div>
                    <div class="flex-1 ">
                        <div class="flex items-center">
                            <div class="w-[89px] h-[89px]">
                                <img class="w-[89px] h-[89px] p-[15px]"
                                    :src="img2"
                                    alt="">
                            </div>
                            <div>
                                <div class="alltext mb-[12px]">室外点位</div>
                                <div class="flex  font-[500] text-[24px] text-[#fff]">
                                    <div v-if="numbers <= 999">{{ isNullOrEmpty( numbers ) }}</div>
                                    <div v-else>999+</div>
                                    <div class="w-[11px] h-[14px] ml-[10px]">
                                        <!-- <img class="w-[11px] h-[14px]"
                                  :src="img4"
                                    alt="">   -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </box>
    </div>
</template>
<script lang="ts" setup>
import { isNullOrEmpty } from '@/utils/functions'
import {screenworkorder} from  '@/api/screen/largeData'
import box from '@/views/large-data-screen/component/box.vue'
import img1 from '@/assets/screenimg/in.png'
import img2 from '@/assets/screenimg/out.png'

const title = ref('巡检点位')
const numbers = ref(99999)
const number= ref(0)



onMounted(() => {
    getscreeninspect()
})
//获取d点位
const getscreeninspect = () => {
    screenworkorder({
        workOrderDT:0,//工单处理日期类型 （0-全部 1 日 2周 3 月 4 年）
        workOrderTypeDT:0 //工单类型统计日期类型  （0-全部   3 月 5 上月）

    }).then(res => {
        number.value = res.result.years.monthCircle
        numbers.value = res.result.years.yearOyear
    })
}
</script>
<style lang="scss" scoped></style>